<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
		
	</head>

		<script src="js/require.js" type="text/javascript" data-main="js/config.js" charset="utf-8"></script>
		<script src="js/shopcar.js" type="text/javascript" charset="utf-8"></script>
		<link rel="stylesheet" type="text/css" href="css/shopcar.css"/>
		<link rel="stylesheet" type="text/css" href="css/nav.css"/>
		
	<body>
			<!--
        	作者：453570847@qq.com
        	时间：2017-03-22
        	描述：guding 不知为何。，这玩意放在下面就有bug
        -->
		<div id="guding">
			<div>
				<a href="usercenter.html"><img src="images/3030.png" /></a>
			</div>
			<div class="cart">
				<i id="end"></i>
				<span><a href="shopcar.html" style="font-size: 12px;color: #fff;">购物车</a></span>

			</div>
			<div id="shoppingnum">0</div>
			<div>
				<a href="#">返回顶部 </a>
			</div>
		</div>
		<!--
        	作者：453570847@qq.com
        	时间：2017-03-24
        	描述：yincang
        -->
		<div id="msg">已成功加入购物车！</div>
		<!--
        	作者：453570847@qq.com
        	时间：2017-03-21
        	描述：top
        -->
		<!--
        	作者：453570847@qq.com
        	时间：2017-03-25
        	描述：top
        -->
        <div id="top">
			<div id="top_con">
				<p>北京[切换区县]</p>
				<p>
					欢迎光临本店!
					<a href="login.html">请登录</a>
					<a href="register.html">免费注册</a>
				</p>
				<p>
					<a href="usercenter.html" id="li-1">我的信息</a>
					<a href="#" style="color: red;">我关注的店铺</a>
					<a href="shopcar.html" style="color: red;">购物车</a>
					<a href="#" id="li-2">收藏夹</a>
					<a href="#">手机版</a>
					<a href="#">商家支持</a>
					<a href="#">网站导航</a>
				</p>
				<div id="box-1" class="hidden-box hidden-loc-index">
					<ul style="width:100px;height:60px;position: absolute;left:720.5px;top:20px;display: none;" class="hidden-box">
						<li>
							<a href="#">已买到的宝贝</a>
						</li>
						<li>
							<a href="#">我的地址管理</a>
						</li>
					</ul>
				</div>
				<div id="box-2">
					<ul style="width:100px;height:60px;position: absolute;left:910.5px;top:20px;display: none;" class="hidden-box2">
						<li>
							<a href="#">收藏的宝贝</a>
						</li>
						<li>
							<a href="#">收藏的店铺</a>
						</li>
					</ul>
				</div>
			</div>
		</div>
		
		<div id="logo">
			<div id="logo_con">
				<a href="index.html"><img src="images/registerlogo.png"/></a>
				<div><img src="images/seeshopcar.png"/></div>
			</div>
		</div>
		
		<div id="main">
			<div id="main_con">
				<div class="main-1">
					<ul id="car">
						<li class="li1">
							<a><input type="checkbox" name="" id="quanxuan" checked="checked" value="" />全选</a>
							<a>产品</a>
							<a>数量</a>
							<a>本店价</a>
							<a>小计</a>
							<a>操作</a>
						</li>
						<li class="li2">
							店铺：沐雨橙风有限公司
						</li>
						<li class="hidden3 li3" style="display: none;">
							<a><input type="checkbox" checked="checked" name="" id="" value="" /></a>
							<a><img src="images/2f1.jpg" width=50 height=40/><span>邯郸磁州窑·黑釉刻划剔刻·牡丹纹茶具·5头 </span></a>
							<a><span class="gw_num" style="position: absolute;left:600px;display: block;height:26px;margin-top: 35px;">
									<em class="jian">-</em>
									<input type="text" value="1" class="num"/>
									<em class="add">+</em>
								</span></a>
							<a style="font-weight: 700;color: red;font-size: 18px;">148.20</a>
							<a style="font-weight: 700;color: red;font-size: 18px;">148.20</a>
							<a class="delete">删除</a>
						</li>
						<li class="hidden1 li3" style="display: none;">
							<a><input type="checkbox" checked="checked" name="" id="" value="" /></a>
							<a><img src="images/2f2.jpg" width=50 height=40/><span>邯郸磁州窑·黑釉刻划剔刻·牡丹纹茶具·5头 </span></a>
							<a><span class="gw_num" style="position: absolute;left:600px;display: block;height:26px;margin-top: 35px;">
									<em class="jian">-</em>
									<input type="text" value="1" class="num"/>
									<em class="add">+</em>
								</span></a>
							<a style="font-weight: 700;color: red;font-size: 18px;">148.20</a>
							<a style="font-weight: 700;color: red;font-size: 18px;">148.20</a>
							<a class="delete">删除</a>
						</li>
						<li class="hidden2 li3" style="display: none;">
							<a><input type="checkbox" checked="checked" name="" id="" value="" /></a>
							<a><img src="images/2f3.jpg" width=50 height=40/><span>邯郸磁州窑·黑釉刻划剔刻·牡丹纹茶具·5头 </span></a>
							<a><span class="gw_num" style="position: absolute;left:600px;display: block;height:26px;margin-top: 35px;">
									<em class="jian">-</em>
									<input type="text" value="1" class="num"/>
									<em class="add">+</em>
								</span></a>
							<a style="font-weight: 700;color: red;font-size: 18px;">148.20</a>
							<a style="font-weight: 700;color: red;font-size: 18px;">148.20</a>
							<a class="delete">删除</a>
						</li>
						<li class="hidden4 li3" style="text-align: center;display: none;">购物车已经装不下了！赶紧去结算吧！</li>
						<li class="li4">
							<a href="index.html">
								继续购物
							</a>
							<a id="clearcar">清空购物车</a>
							<a>应付总额<span id="money" style="font-size: 16px;color: red;font-weight: 900;">0.00</span>,比市场价
							节省了0.00（0%）</a>
							<a href="paypage.html">去结算</a>
						</li>
					</ul>
				</div>
				<div class="main-2">
					<div>
						<a>刚刚购买的人还买了</a>
						<a>今日最受欢迎的</a>
					</div>
					<div>
						<ul>
							<li>
								<a href="details.html"><img src="images/2f5.jpg" width=160 height=150></a>
								<a href="details.html" style="text-align: center;">纯绿豆，特别好吃</a><br>
								<span style="color: red;font-size: 18px;">148.8</span>
								<a class="addcar" style="padding: 2px;background: red;color: #fff;text-align: center;">买了！</a>			
							</li>
							<li>
								<a href="details.html"><img src="images/2f4.jpg" width=160 height=150></a>
								<a href="details.html" style="text-align: center;">纯绿豆，特别好吃</a><br>
								<span style="color: red;font-size: 18px;">148.8</span>
								<a class="addcar" style="padding: 2px;background: red;color: #fff;text-align: center;">买了！</a>			
							</li>
							<li>
								<a href="details.html"><img src="images/2f3.jpg" width=160 height=150></a>
								<a href="details.html" style="text-align: center;">纯绿豆，特别好吃</a><br>
								<span style="color: red;font-size: 18px;">148.8</span>
								<a class="addcar" style="padding: 2px;background: red;color: #fff;text-align: center;">买了！</a>			
							</li>
							<li>
								<a href="details.html"><img src="images/2f1.jpg" width=160 height=150></a>
								<a href="details.html" style="text-align: center;">纯绿豆，特别好吃</a><br>
								<span style="color: red;font-size: 18px;">148.8</span>
								<a class="addcar" style="padding: 2px;background: red;color: #fff;text-align: center;">买了！</a>			
							</li>
							<li>
								<a href="details.html"><img src="images/4.png" width=160 height=150></a>
								<a href="details.html" style="text-align: center;">纯绿豆，特别好吃</a><br>
								<span style="color: red;font-size: 18px;">148.8</span>
								<a class="addcar" style="padding: 2px;background: red;color: #fff;text-align: center;">买了！</a>			
							</li>
							<li>
								<a href="details.html"><img src="images/3.png" width=160 height=150></a>
								<a href="details.html" style="text-align: center;">纯绿豆，特别好吃</a><br>
								<span style="color: red;font-size: 18px;">148.8</span>
								<a class="addcar" style="padding: 2px;background: red;color: #fff;text-align: center;">买了！</a>			
							</li>
							<li>
								<a href="details.html"><img src="images/2.png" width=160 height=150></a>
								<a href="details.html" style="text-align: center;">纯绿豆，特别好吃</a><br>
								<span style="color: red;font-size: 18px;">148.8</span>
								<a class="addcar" style="padding: 2px;background: red;color: #fff;text-align: center;">买了！</a>			
							</li>
							<li>
								<a href="details.html"><img src="images/1.png" width=160 height=150></a>
								<a href="details.html" style="text-align: center;">纯绿豆，特别好吃</a><br>
								<span style="color: red;font-size: 18px;">148.8</span>
								<a class="addcar" style="padding: 2px;background: red;color: #fff;text-align: center;">买了！</a>			
							</li>
								<li>
								<a href="details.html"><img src="images/2f6.jpg" width=160 height=150></a>
								<a href="details.html" style="text-align: center;">纯绿豆，特别好吃</a><br>
								<span style="color: red;font-size: 18px;">148.8</span>
								<a class="addcar" style="padding: 2px;background: red;color: #fff;text-align: center;">买了！</a>			
							</li>
							<li>
								<a href="details.html"><img src="images/2f1.jpg" width=160 height=150></a>
								<a href="details.html" style="text-align: center;">纯绿豆，特别好吃</a><br>
								<span style="color: red;font-size: 18px;">148.8</span>
								<a class="addcar" style="padding: 2px;background: red;color: #fff;text-align: center;">买了！</a>			
							</li>
						</ul>
					</div>
				</div>
			</div>
		</div>
		
		<!--
        	作者：453570847@qq.com
        	时间：2017-03-25
        	描述：bottom
        -->
        <div id="bottom">
			<div id="bottom_con">
				<p>
					<a href="#">友情链接：邢台亿搜人才网</a>
					<a href="#">北京中小企业网</a>
					<a href="#">亿搜人才网</a>
					<a href="#">众贤服务网</a>
					<a href="#" style="border:none">快递查询</a>
				</p>
				<p>
					<a href="#">关于我们</a>
					<a href="#">管理团队</a>
					<a href="#">商家入驻</a>
					<a href="#">媒体报道</a>
					<a href="#">站点地图</a>
					<a href="#">招贤纳士</a>
					<a href="#">帮助中心</a>
					<a href="#">ICP备案证书号：冀ICP备14019346号-1</a>
					<a href="#" style="border:none">快递查询</a>
				</p>
			</div>
		</div>

	</body>
	
</html>
